@import "./configuration.scss";
.atContainer {
    min-height: 100%;
    padding-bottom: 0.94rem;
    background-color: #f5f5f5;
    font-family: "MiSans-Regular";
    box-sizing: border-box;
}

.atUl {
    width: 100%;
    padding: 0 0.25rem;
    box-sizing: border-box;
}

.atLi {
    width: 100%;
    height: 4.31rem;
    border-radius: 0.33rem;
    background-color: #FFFFFF;
    margin-top: 0.25rem;
    position: relative;
}
.atLiTop {
    position: relative;
}
.atLiTop, .atLiTopImg {
    width: 100%;
    height: 4.31rem;
    border-radius: 0.33rem;
    overflow: hidden;
}

.atLiTopTit {
    width: 6.4rem;
    font-size: 0.54rem;
    font-family: "MiSans-Semibold";
    font-weight: 600;
    color: #FFFFFF;
    @include ellipsis();
    position: absolute;
    left: 0.38rem;
    top: 1.07rem;
}
.atLiTopSecTit {
    width: 6.4rem;
    font-size: 0.28rem;
    font-family: "MiSans-Medium";
    color: #FFFFFF;
    @include ellipsis();
    position: absolute;
    left: 0.38rem;
    top: 1.85rem;
}

.atLiInfo {
    width: 100%;
    padding: 0 0.38rem;
    height: 1.39rem;
    background-color: #FFFFFF;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
    @include flex(row, space-between, center);
}
.atLiInfoLeft {
    .atLiDate {
        font-size: 0.32rem;
        color: #333333;
        font-family: "MiSans-Medium";
    }
    .atLiCount {
        font-size: 0.25rem;
        color: $sec-color;
        .atLiCountNum {
            color: #FF602D;
        }
    }
}
.atLiEnroll {
    width: 1.5rem;
    height: 0.56rem;
    color: #FFFFFF;
    border-radius: 0.35rem;
    background-color: $btn-bc-color;
    font-size: 0.25rem;
    font-family: "MiSans-Medium";
    @include flex(row, center, center);
}